﻿body {
}

@media screen and (-ms-view-state: fullscreen-landscape) {
    body {
        background: url(../images/fond.png) repeat; 
    }
    #jeux {
        background: url(../images/sols/sol_long.png) repeat green;
        height:800px;
        margin:auto;
        position:relative;
        width:800px;
    }

    #gameover {
        background: url(../images/gameover.png) no-repeat;
        height: 320px;
        width: 800px;
        position: absolute;
        top: 240px;
        z-index: 1000;
        display: none;
    }

    #victory {
        background: url(../images/victory.png) no-repeat;
        height: 320px;
        width: 800px;
        position: absolute;
        top: 240px;
        z-index: 1000;
        display: none;
    }

    #test {
        background: black;
        color:white;
        font-size:40px;
        height:120px;
        left: -200px;
        position: absolute;
        text-align:center;
        top: 280px;
        width: 150px;
        z-index:50;
    }

    #perso {
        left:100px;
        position: absolute;
        top:100px;
        z-index:30;
    }

    .fruit {
        position: absolute; 
        z-index:20;   
    }
    .animaux {
        position: absolute;
        z-index:10;
    }
}

@media screen and (-ms-view-state: filled) {
}

@media screen and (-ms-view-state: snapped) {
}

@media screen and (-ms-view-state: fullscreen-portrait) {
}
